import React, { useState } from "react";
import "./Todomain.css";

import Todoitem from "../Todoitem/Todoitem";
export default function Todomain(props) {
	//props  接受父组件传递的数据[对象]
	let { todo, removeTodo, updateTodo } = props;

	return (
		<>
			<ul className="todo-main">
				{todo.map((item, index) => {
					return (
						<Todoitem
							key={item.id}
							item={item}
							index={index}
							removeTodo={removeTodo}
							updateTodo={updateTodo}
						></Todoitem>
					);
				})}

				{todo.length !== 0 ? "" : <li className="todo-empty">暂无数据!</li>}
			</ul>
		</>
	);
}
